body{background: #e6e5e4;font-family: "microsoft yahei";}

/*----------top--------*/
.top_box{    max-width: 640px;display:block;width:100%;height:60px;background:rgba(50, 50, 50, 0.9);position:fixed;top:0;z-index:1000;}
.top_box h1{width:100%;height:60px;line-height:60px;}
.top_box h1 img{width:200px;height:60px;position:absolute;margin-left:50%;left:-100px;}


/*轮播图*/
.slideBox{position:relative;overflow:hidden;margin:0 auto;margin-bottom: 0px;margin-top:60px; max-width:640px;/* 设置焦点图最大宽度 */}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:40%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:orange;  } 
.slideBox .hd ul{margin-top:0;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(/public/img/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度
100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(/public/img/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

/*新闻头条*/
.tb-list{padding: 0 1rem;overflow: hidden;background:rgba(255,255,255,0.5);margin-bottom: 10px;}
.tb-list span{height: 30px;line-height: 28px;float: left;width:45px;padding-right:10px; color: red;font-weight: 900;}
img {-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;width:100%}
#divgundong{width: 74%;text-indent: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-style: normal;line-height: 30px;height: 30px;float: left;}
#divgundong a{color: #333;font-size: 12px;}
#divgundong p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;height: 30px;line-height: 30px;}

/*推广链接*/
/*.link{background: #bc9c46;color: #FDF68A;font-size: 12px;padding:7px 5px;}
.link a{color: #FDF68A;}
.link img{ padding: 4px 5px;vertical-align: top;margin-top: -2px;}*/

/*模块菜单*/
.menu{font-size: 0;text-align: center;margin-top: 0;background: #fff;overflow: auto;padding: 10px 0;}
.menu li{ display: block;width: 25%;text-align: center;float: left;}
.menu li i{ display: block;}
.menu li i img{width: 60%;}
.menu li p{ font: 13px/18px "microsoft yahei"; color: #666; padding-top: 3px;font-size: 14px;line-height: 30px;}
@-webkit-keyframes sx{from{ top: -5px;}to{ top: -7px;}}
@-moz-keyframes sx{from{ top: -5px;}to{ top: -7px;}}
.index{max-width: 640px;margin: 0 auto;margin-bottom: 20px;}

/*新闻资讯*/
.pro_cf .index_title{padding: 10px 0;border-bottom: 1px solid #ddd;}
.pro_cf .bb img{ width:21px; margin:0 6px; float:left;}
.index_title span{ width: 8px;            margin-left: 10px;height: 19px;}
.index_title span img { width: 6px;/* height: 19px; */}
.pro_cf{ max-width: 640px; margin: 8px auto 0; background: #fff; padding: 0px 0;}
.cf_list{overflow: hidden;padding-top: 0;width: 100%;}
.cf_list ul{-webkit-padding-start: 0px;}
    
.cf_list li{width: 96%;margin: 2%;float: left;height: 87px;overflow: hidden;margin-bottom: 8px;border-bottom: 1px solid #f5f5f5;}
.cf_list li .txt{width: auto;max-width: 60%;padding: 0;float: left;}
.cf_list li .txt h5{font: 14px/20px "microsoft yahei";padding-left: 10px;margin: 0;}
.cf_list li .txt p{font: 13px/14px "microsoft yahei";color: #999;padding-left: 10px;padding-top: 8px;line-height: 22px;width: 100%;margin: 0;}
.cf_list li .txt span{color: #FA4315;padding-left: 10px;padding-top: 8px;line-height: 22px;margin: 0;}
.cf_list li .txt h5 a{color: #876317;font-size: 18px;line-height: 30px;}
.cf_list li .txt p a{ color: #999;max-width: 100%;      overflow: hidden;      font-size: 16px;      text-overflow: ellipsis;      white-space: nowrap;position: relative;}
.cf_list li .pic{width: auto;max-width: 40%;text-align: center;float: left;display: inline-block;height: 87px;}
.cf_list li .pic .tabcell{display: table-cell;vertical-align: middle;height: 87px;}
.cf_list li .pic .tabcell img{height: 81px;width: 100%;}

/*套餐*/
.boutit .index_title{padding: 10px 0;border-bottom: 1px solid #ddd;}
.boutit .bb img{ width:21px; margin:0 6px; float:left;}
.boutit{ max-width: 640px; margin: 8px auto 0; background: #fff; padding: 0px 0;}
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clear{clear:both;zoom:1;}
.clearfloat {zoom: 1;}
.boutique,
.seller,
.onnew{width: 100%; padding: 0;}
/*.boutit{width: 100%; margin: 0 auto; position: relative; height: 45px; text-align: center;}
.boutit span{display: block; position: absolute; top: 22px; width: 100%; border-top: 3px solid #00cc7d;}
.boutit samp{line-height: 45px; color: #000000; position: relative; height: 45px; padding: 0 3%; background-color: #E6E5E4; font-size: 18px;}*/
.boutique .content,
.seller .content,
.onnew .content{width: 100%;}
.boutique .content ul li{width: 100%; margin-bottom: 3%;}
.boutique .content ul li:last-child{margin-bottom: 0;}
.boutique .content ul li img{width: 100%;}
.seller .content .left{width: 42%; background-color: #fff; height: 184px; overflow: hidden;}
.seller .content .left .tu{width: 100%;}
.seller .content .left .tu img,
.seller .content .right .top .tu img{max-width: 100%;}
.seller .content .left .top{width: 100%; padding: 5%;}
.seller .content .left .top .tit,
.seller .content .right .top .tit,
.onnew .content .top .list .zuo .tit,
.onnew .content .bottom .list .shang .tit,
.theme .content .list .shang .tit{color: #000000; font-size: 15px; width: 100%; margin-bottom: 0;}
.seller .content .left .top span,
.seller .content .right .top span,
.onnew .content .top .list .zuo span,
.onnew .content .bottom .list .shang span,
.theme .content .list .shang span{color: #666666; font-size: .35rem; width: 100%;}
.seller .content .right{width: 58%;}
.seller .content .right .top{width: 100%; background-color: #fff; height: 92px; padding-bottom: 8px;}
.seller .content .right .top .zuo,
.seller .content .right .top .tu{width: 50%; height: 2.4rem; text-align: center; font-size: 0;}
.seller .content .right .top .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.seller .content .right .top .tu img{vertical-align: middle; max-height: 92px; max-width: 100%;}
.seller .content .right .top .zuo{padding: 5% 0 5% 5%;}

.onnew .content .top{width: 100%;}
.onnew .content .top .list{width: 49%; padding: 3% 2% 0; margin-right: 2%; background-color: #fff;}
.onnew .content .top .list:last-child{margin-right: 0;}
.onnew .content .top .list .zuo{width: 60%;}
.onnew .content .top .list .tu{width: 40%; height: 2.5rem; font-size: 0; text-align: center;}
.onnew .content .top .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .top .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.5rem;}
.onnew .content .bottom{width: 100%; margin-top: 2%;}
.onnew .content .bottom .list{width: 32%; height: 4rem; margin-right: 2%; background-color: #fff;}
.onnew .content .bottom .list:last-child{margin-right: 0;}
.onnew .content .bottom .list .shang{padding: 5%; width: 100%; height: 1.2rem;}
.onnew .content .bottom .list .tu,
.theme .content .list .tu{width: 100%; height: 2.8rem; text-align: center; font-size: 0;}
.onnew .content .bottom .list .tu span,
.theme .content .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .bottom .list .tu img,
.theme .content .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.8rem;}

.theme{width: 100%;}
.theme .content{width: 100%; background-color: #fff;}
.theme .content .list{width: 33.33%; height: 4.5rem; border-right: 1px solid #f1f1f1; float: left; border-bottom: 1px solid #f1f1f1;}
.theme .content .list .shang{padding:8% 5% 5%; width: 100%;}
.theme .content .list:nth-child(3n){border-right: none;}

.like{width: 100%; /* padding: 0 2%; */background-color: #fff;}
.like .content{width: 100%;padding: 0 2%;}
.like .content .list{width: 49%; padding-bottom: 3%; padding-right: 0%; background-color: #fff;margin-top: 10px;}
.like .content .list:nth-child(2n){padding-right: 0;float: right;}
.like .content .list .tu{width: 100%;text-align: center;}
.like .content .list .tu img{max-width: 100%;}
.like .content .list .bottom{width: 100%; background-color: #fff; padding: 3%;}
.like .content .list .bottom p{width: 100%; color: #333; font-size: 0.8em; margin-bottom: 0;}
.like .content .list .bottom span{color: #e8322f; font-size: 1.2em;}

/*---------------简介------------*/
.synopsis_box{background:none;}
.synopsis_box h2{padding:15px;font-size:18px;color:#f7e069;text-align:center;}
.synopsis{display:block;width:100%;padding:0 15px;}
.synopsis img{ width:100%;}
.synopsis p{color:#fff;font-size:14px;line-height:20px; font-family:"微软雅黑"; font-weight:normal;letter-spacing:2px;}
.synopsis p img{display:block; width:150px;margin:0 auto;}
.synopsis p span{display:block; width:100%; text-align:center;}
.notice{width:100%;display:block;position:absolute;padding-left:40px;padding-right:30px;height:30px;line-height:30px;color:#fff;}





